@charset "utf-8";

/*■■■■■■■■　共同设定 ■■■■■■■■*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#6e6e6e;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
a:hover{text-decoration:none; color:#6e6e6e;}
.clear{clear:both;}

/*■■■■■■■■　基本设定　■■■■■■■■*/
body{ font-family:'微软雅黑'; font-size:15px; color:#6e6e6e;  width:auto!important; margin:0 auto; overflow-x:hidden; over/flow-y:scroll;}

.clear{
clear:both;
}

.cen{  height:auto; margin:auto;max-width: 1600px; padding: 0 6%; }

.uptop{ width:100%; height:28px; background:#E9E9E9;}

.tiao01{ width:500px; height:28px; font-size:13px; color:#838383;  line-height:28px; float:left;}

.tiao04{ width:300px; text-align:right; padding-left:10px; height:30px; font-size:13px; color:#838383; line-height:28px;  float:right;}
.tiao04 a{color:#838383; font-size:13px;}
.tiao04 a:hover{color:#ff0000; text-decoration:underline;}
.tiao04 span{ padding:0 16px;}

.logo{ height:120px; margin:0 auto; max-width: 1600px; padding: 0 6%; display:flex; justify-content: space-between }
.logo01{ width:70%; padding-top:20px;}
.logoss{ width:420px; }
.logokf{ width:250px;  text-align:right; padding-top:30px;}
.navs{ width:100%; height:60px; background:#1B88CE;}


.nav{ font-size:14px; color:#fff; max-width: 1600px; padding: 0 6%; margin:auto; text-align:center;}
.nav ul span{ padding-top:20px; float:left;}


.banner{ width:100%; height:455px;}


.index_focus {position: relative;width: 100%;height: 455px;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {  display: none;position: absolute;left: 0;top: 0; width:100%; text-align:center;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height:455px;display: block; text-align:center; background-size:cover}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute;l/eft: 45%;bottom:-1%; width:100%; text-align:center;}
.index_focus .slide_nav a {cursor:pointer;f/loat:left;font-size:80px;font-family: arial;color: #3889C8;padding:5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #ffffff;filter: alpha(opacity=80);opacity: 0.8;}
.index_focus_pre,.index_focus_next {position: absolute;top: 50%;margin-top: -36px;width:38px;height:80px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}


.index_focus_pre {left: 30px;background-position: 0 0;background:url(../images/jt1.png) no-repeat;}
.index_focus_pre:hover {left: 30px;background-position: 0 0;background:url(../images/jt1.png) no-repeat;}
.index_focus_next {right: 30px;background-position: 0 0;background:url(../images/jt2.png) no-repeat;}
.index_focus_next:hover {right: 30px;background-position: 0 0;background:url(../images/jt2.png) no-repeat;}



.index_pro01{max-width: 1600px; padding: 0 6%; margin:auto; padding-top:25px; padding-bottom:55px;display: flex; flex-wrap: wrap; justify-content: space-between; flex-wrap:wrap ;}

.index_pro01 dl{ width:24%; height:254px; background:#1B88CE; margin-bottom:25px; margin-top:10px;}
.index_pro01 dl dt{ width:100%; height:149px; overflow:hidden;}
.index_pro01 dl dt img{width:100%;  height:100%; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_pro01 dl:hover dt img{width:104%; margin-left:-8px; margin-top:-4px;}
.index_pro01 dl dd{ color:#fff; padding:0 38px; font-size:17px; color:#fff;  padding-top:20px;}
.index_pro01 dl dd span{ font-family:Arial; font-size:12px; font-weight:normal; font-weight:normal;}
.index_pro01 dl dd a{ display:block; width:85px; height:26px; line-height:26px; text-align:center; color:#d9f1f5; border:#d9f1f5 solid 1px; font-size:12px; font-family:'微软雅黑'; margin-top:13px;}
.index_pro01 dl dd a:hover{ color:#fff; border:#fff solid 1px;}


.abr{ float:right; width:55%; margin-top:7%; margin-bottom:3%}
.abbt{ line-height:28px; font-size:14px;color:#797979; font-family:'微软雅黑'; text-align:justify;}

.abbt1{line-height:32px; font-size:46px; font-weight:bold; color:#0081CC; font-family: Arial; text-transform:uppercase;}
.abbt2{line-height:20px; font-size:26px; color:#414141; font-family:'微软雅黑';}

.aban{ width:630px; height:auto; background:url(../images/xx.jpg) 0px 98px no-repeat; display: flex; flex-wrap: wrap; justify-content: space-between;}



.abt{width:40%; float:left; margin-top:7%;}
.abt img{ width:100%}
.gsbte{ font-size:36px; color:#E7E7E7; font-weight:bold; padding-bottom:5px; padding-top:20px; font-family:"MS Serif", "New York", serif;}
.gsbt{font-size:24px; color:#1688D7; margin:auto; margin-bottom:20px;}
.gsbt a{color:#1688D7;}
.gsbt a:hover{ color:#FF8400;}

.abnr{ float:left; width:510px;}

.chejian02{ border-radius:50px;width:84px; display:block; margin-top:5px; padding-top:20px; text-align:center;}
.chejian02 a{font-size:14px; color:#414141; line-height:34px;}
.chejian02 a:hover{ color:#F29E1A; margin-bottom:5px; position:relative; top:3px;}


.canpin01{ padding-top: 5%; line-height: 70px; text-align: center; font-size: 46px; font-weight: bold; color: #484848; text-transform: uppercase; }
.canpin02 { text-align:center; font-size:26px;color:#484848;}
.canpin03{ text-align:center; font-size:14px; color:#9D9D9D; line-height:32px;}

.canpin_btn{ padding:0px;}
.canpin_btn dl{width: 243px; text-align:center; padding-top: 40px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.canpin_btn dl dt{ -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.canpindiv{color: #0081CC; font-size: 16px; text-align:center; font-weight:bold; width:243px; padding-top:25px; line-height: 28px; text-transform:uppercase; }

.canpin_btn dl dd{ color: #414141; width:80px; text-align:center; height:24px; margin-left:85px; background:#D7D7D7; font-size: 12px; margin-top:15px; line-height: 24px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; border-radius:50px;}
.canpin_btn dl:hover{ padding-top: 70px; }
.canpin_btn dl:hover dd{ color: #fff; background:#0081CC; }


.cpkuai{ width:100%;  background:url(../images/bg01.jpg); margin-top:50px; padding-bottom:1%}
.wrapper{ width:1245px; padding-left:15px; margin:0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}


.xwbt{ width:19%; padding-left:20px; padding-top:50px; height:209px; background:url(../images/bj1.jpg); float:left; margin-top:5%; background-size:cover}
.xwlbbt1{ line-height:40px; font-size:28px; text-transform:uppercase; color:#fff; font-weight:bold;}
.xwlbbt2{ line-height:28px; font-size:18px; color:#fff; font-family:'微软雅黑'; text-align:justify;}
.xwan a{ width:90px; display:block; height:28px; font-size:12px; text-align:center;border:1px solid #fff; color:#fff; line-height:28px; margin-top:20px;}
.xwan a:hover{background:#0081CC; color:#FFF;}


.xwImg{ width:30%; height:259px; background:url(../images/t1.jpg); float:right; margin-top:5%; background-size:cover}

.xwnr{ width:42%; height:257px; border:1px solid #E4E4E4; float:left;margin-top:5%; margin-left:37px; margin-bottom:1.5%}
.xwtj{ height:105px; border-bottom:1px solid #E4E4E4; padding-left:20px; padding-right:20px; padding-top:20px; line-height:24px; font-size:12px; color:#A1A1A1; text-align:justify;}
.xwtj span a{ line-height:32px; font-size:16px; color:#333;}
.xwtj span a:hover{ line-height:32px; font-size:16px; color:#FA0801;}

.xwlb a{ width:62%; padding-left:8%; height:18px; background:url(../images/yy1.jpg) 20px center no-repeat; line-height:18px; float:left; font-size:13px; color:#666; margin-top:10px;}
.xwlb a:hover{background:url(../images/yy.jpg) 20px center no-repeat; color:#FA0801;}
.xwlb1{ width:26%; padding-right:4%; height:18px; line-height:18px; float:left; text-align:right; font-size:13px; color:#999; margin-top:10px;}


.footer{ width:100%; background:#0081CC; height:60px; margin-top:56px;}
.footer01{ width:100%; background:url(../images/foobj.jpg) top repeat-x;}
.footer02{ max-width: 1600px; padding: 0 6%; height:60px; margin:auto; display:flex}
.footer02 a{ height:60px; line-height:60px; display:block;flex:1; font-size:15px; color:#fff; text-align:center}
.footer02 a:hover{ color:#fff; background:#FFB400;}
.footerimg{ width:37%; height:260px; float:left; border-right:1px solid #545454;}
.footerimger{ width:105px; float:left; margin-top:50px; text-align:center; padding-left:25px; padding-right:35px; color:#FFF; line-height:32px;}
.footerlx{ width:62%; height:260px; float:left; background:url(../images/lxbj.jpg) 110px 90px no-repeat;}
.footerlx01{ width:20%; float:left; margin-top:50px; margin-left:10%;}
.footerlx01s{ height:30px; line-height:30px; background:url(../images/lxt.png) left center no-repeat; font-size:24px; color:#FFF; padding-left:27%}
.footerlx02{ padding-left:10%; float:left; margin-top:50px; line-height:26px; color:#A0A0A0; width:60%}
.footerlx02 strong{ font-size:18px;}
.footerlx02 a{ color:#A0A0A0;}

.footerbq{ width:100%; line-height:70px; text-align:center; border-top:1px solid #545454; color:#A0A0A0; background:#424242;}
.footerbq a{ color:#A0A0A0;}


/*--------连接---------------------------------------------------------------------------------*/
a.zzb07link{
	line-height:22px;
	text-decoration:none;
	color: #A0A0A0;
}

a.zzb07link:hover {
	text-decoration: underline;
	color: #FF6500;
}
.zzb07tail
{
color:#A0A0A0;
}
.style10:link {
	font-family: "微软雅黑";
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.style10:visited {
	font-family: "微软雅黑";
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.style10:hover {
	font-family:"微软雅黑";
	color: #FF6500;
	text-decoration: underline;
	font-weight: bold;
}
.style10:active {
	font-family:"微软雅黑";
	color: #FF6500;
	text-decoration: none;
	font-weight: bold;
}

a.s1 {
	font-family:"微软雅黑";
	font-size: 12px;
	line-height:36px;
	font-style: normal;
	float:left;
	color: #ffffff;
	display:block;
	width:123px;
	height:36px;
	text-align:center;
}
a.s1:visited {
	font-size: 12px;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
}
a.s1:hover {
	font-size: 12px;
	color:#ffffff;
	text-decoration: none;
	display:block;
	width:123px;
	height:36px;
	background:#D27D00;
	position: relative;
}
a.s1:active {
	font-size: 12px;
	color: #ffffff;
	height:36px;

}
a.s2:link {
	font-size: 12px;
	line-width: 2px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
a.s2:visited {
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
a.s2:hover {
	font-size: 12px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s2:active {
	font-size: 12px;
	color: #E00025;
}



a.s3:link {
	font-size: 12px;
	font-style: normal;
	color: #00458C;
	text-decoration: none;
}
a.s3:visited {
	font-size: 12px;
	font-style: normal;
	color: #00458C;
	text-decoration: none;
}
a.s3:hover {
	font-size: 14px;
	color: #E40500;
	text-decoration: none;
	position: relative;
	height: auto;
	font-weight:bold;
}
a.s3:active {
	font-size: 12px;
	color: #E40500;
}


a.s4 {
	font-family:"微软雅黑";
	font-size: 12px;
	line-height:20px;
	font-style: normal;
	float:left;
	color: #B4B4B4;
	display:block;
	width:211px;
	height:20px;
}
a.s4:visited {
	font-size: 12px;
	font-style: normal;
	color: #B4B4B4;
	text-decoration: none;
}
a.s4:hover {
	font-size: 12px;
	color:#DD352C;
	text-decoration: none;
	display:block;
	width:231px;
	height:20px;
	background-color:#EEEEEE;
	position: relative;
}
a.s4:active {
	font-size: 12px;
	color: #DD352C;
	height:20px;

}

a.s5:link {
	font-size: 12px;
	line-width: 2px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
}
a.s5:visited {
	font-size: 12px;
	font-style: normal;
	color: #BBBBBB;
	text-decoration: none;
	line-height:22px;
	}
a.s5:hover {
	font-size: 12px;
	color: #E00025;
	text-decoration: none;
	position: relative;
	height: auto;
	top: 3px;
}
a.s5:active {
	font-size: 12px;
	color: #E00025;
}

#Address {
    width:400px;
	height:18px;
	border:1px #999999 solid;
	margin:0px;
}
#Address1 {
    width:400px;
	height:48px;
	border:1px #999999 solid;
	margin:0px;
}
#Address2 {
    width:180px;
	height:18px;
	border:1px #999999 solid;
	margin:0px;
}
.STYLE1 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #0193CC;
	text-decoration:none;
}

.STYLE2 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}

.STYLE12 {
	font-size: 13px;
	font-family: "微软雅黑";
	line-height: 36px;
	font-weight: normal;
	color: #333333;
	text-decoration:none;
}

.STYLE3 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 26px;
	font-weight: normal;
	color: #15908B;
	text-decoration:none;
}

.STYLE4 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 28px;
	color: #A50701;
	font-weight:bold;
}

.STYLE5 {
	font-size: 12px;
	font-family: "微软雅黑";
	line-height: 26px;
	font-weight: normal;
	color: #000000;
	text-decoration:none;
}

.STYLE6 {
	font-size: 12px;




	font-family: "微软雅黑";
	line-height: 28px;
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}
/*---------------*/


ul.menu {list-style:none; margin:0; padding:0; display:flex}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#626A71; text-decoration:none; height: 48px; line-height: 50px; text-align:center;}
ul.menu li {position:relative;  margin-right:0px; z-index:1; flex:1}
ul.menu ul {position:absolute; top:60px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; border:0px solid #000;background:url(../images/topbjs.png); border-bottom:1px solid #fff; border-top:none; width:144px; margin:0}
ul.menu ul li a {display:block; padding:3px 0px 5px 0px; height:32px; line-height:32px; color:#ffffff; font-size:12px;}
ul.menu ul li a:hover {background-color:#FFDF2E; color:#000; font-size:12px;}
ul.menu ul ul {left:113px; top:-1px}
ul.menu .menulink {border:0px solid; padding:5px 7px 7px; width:130px; color:#fff;  font-family:"微软雅黑"; font-size:15px;}
ul.menu .menulink:hover, ul.menu .menuhover { background:url(../images/dhbj.jpg) bottom center no-repeat; color: #FE0000; }
ul.menu .sub {background:url('http://d2.xvna.com/sc/scimg/arrow.gif?http://www.xvna.com') 100% 0px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}





.mbdh{ display:none}
.uptop{ display:block}
.logo { display:flex}
/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:1050px){  

.mbdh{ display:block}
.uptop,.logo { display:none}
.pc{ display:none!important}
.mb{ display:block!important}
.abt {
    width: 100%;
    float: none;
    padding-top: 7%; margin:0 auto
}
.abr {
    float: none;
    width: 100%;
    padding-top: 7%;
    margin-bottom: 3%;margin:0 auto
}
.abbt1 {
    line-height: 32px;
    font-size: 36px;
    font-weight: bold;
    color: #0081CC;
    font-family: Arial;
    text-transform: uppercase; width:100%
}.aban {
    width: 100%;
    height: auto;
    background: url(../images/xx.jpg) 0px 98px no-repeat;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.canpin01 {
    padding-top: 8%;
    line-height: 70px;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #484848;
    text-transform: uppercase;
}.index_pro01 dl {
    width: 49.5%;
    height: 204px;
    background: #1B88CE;
    margin-bottom: 1%;
    margin-top: 1%;
}.index_pro01 dl dt {
    width: 100%;
    height: 99px;
    overflow: hidden;
}
.index_pro01 dl dd {
    color: #fff;
    padding: 0 18px;
    font-size: 15px;
    color: #fff;
    padding-top: 15px;
}.xwbt{ display:none}
.xwnr {
    width: 100%;
    height: 257px;
    border: 1px solid #E4E4E4;
    float: none; margin:0 auto;
    margin-top: 5%;
    margin-left: 0;
    margin-bottom: 1.5%;
}
.xwImg {
     width: 100%;
    height: 259px;
    background: url(../images/t1.jpg);
    float: right;
    margin-top: 5%;
    background-size: cover;
}
.footer02 a {
    height: 20px;
    line-height: 20px;
    display: block;
    flex:0;
    font-size: 12px;
    color: #fff;
    text-align: center; width:20%;flex:none;
}.footer02{ display:flex;flex-wrap: wrap ; padding:2% 0}
.footer {
    width: 100%;
    background: #0081CC;
    height: 70px;
    margin-top: 56px;
}
.footerimg{ display:none}
.footerlx {
    width: 100%;
    height: 280px;
    float: left;
    background: url(../images/lxbj.jpg) 110px 90px no-repeat;
}.footerlx01s {
    height: 30px;
    line-height: 30px;
    background: url(../images/lxt.png) left center no-repeat;
    font-size: 14px;
    color: #FFF;
    padding-left: 35%;
}.footerlx01 {
    width: 30%;
    float: left;
    margin-top: 40px;
    margin-left: 0%;
}
.footerlx02 {
    padding-left: 4%;
    float: left;
    margin-top: 40px;
    line-height: 26px;
    color: #A0A0A0;
    width: 65%;
}

.footerbq {
    width: 100%;
    line-height: 30px;
    text-align: center;
    border-top: 1px solid #545454;
    color: #A0A0A0;
    background: #424242; padding:3% 0
}
.footerbq{ font-size:12px}.footerbq{ width:95%; margin:0 auto; padding-left:2.5%; padding-right:2.5%; line-height:22px; padding-bottom:73px}

.footerlx02{ font-size:12px}
.navs{ display:none}
}

